<template>
	<div class="security">
		<header class="header">
			<img class="responsive-img" src="../../../assets/img5.png" alt="">
		</header>
		<section class="">
			<ul class="row">
				<li class="col s4 align-center pt25 pb25 border-b">
					<router-link :to="'/h5/security/replace-phone?token='+token">
						<img class="image-thumb auto" src="../../../assets/img6.png" alt="">
						<p class="mt10 fs12 black">更换手机</p>
					</router-link>
				</li>
				<li class="col s4 align-center pt25 pb25 border-r border-l border-b">
					<router-link :to="'/h5/security/reset-password?token='+token">
						<img class="image-thumb auto" src="../../../assets/img8.png" alt="">
						<p class="mt10 fs12 black">重置密码</p>
					</router-link>
				</li>
				<li class="col s4 align-center pt25 pb25  border-b">
					<router-link :to="'/h5/security/question?token='+token">
						<img class="image-thumb auto" src="../../../assets/img7.png" alt="">
						<p class="mt10 fs12 black">帮助中心</p>
					</router-link>
				</li>
				
			</ul>
		</section>
	</div>
</template>

<script>
	export default{
		data()
		{
			return{
				token : this.$route.query.token
			}
		},
		methods:
		{

		}
	}
</script>

<style lang="less">
	.security{

	}
</style>